<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>
    <title>公司快讯</title>
</head>

<body>
    <div id="app">

        <!-- 表格 -->
        <div class="main">
            <div class="card bottombord" v-for="(item,index) in listdata" @click="getitems(item.id)">
                <div class="txtcard">
                    <div class="imgbox">
                        <img :src="item.slt" width="70" height="70" >
                    </div>
                    <div class="txtbox">
                        <div class="txtcard-txt">{{item.title}}</div>
                        <div class="txtcard-txt2 txtwrap">发布时间:{{item.sj}}</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            value1: '',
            value2: '',
            listdata:[],
            tableId:"1918",
        },
        created() {
            this.loadList();
        },
        methods: {
            async loadList(){
                const res = await listAdmin(getTableId(this.tableId),"sj desc",{"stat":"1"});
                this.listdata = res.data;
            },
            getitems(id){
                location.href = "./priceSItem.html?id="+id+"&tableId="+this.tableId;
            },
        },

    })
</script>
<style type="text/css">
    body {
        background: #fff;
        padding: 0;
    }

    .card {
        padding: 10px;
        /* margin-bottom: 10px; */
    }

    .txtcard {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        /* padding: 8px 0; */
    }

    .imgbox {
        width: 120px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .imgbox el-image {
        margin: 0;
        width: 100px;
        height: 100px;
    }

    .txtbox {
        width: 100%;
    }

    .txtcard-txt {
        font-size: 18px;
    }

    .txtcard-txt2 {
        color: rgb(127, 127, 127);
        font-size: 12px;
        margin-top: 8px;
    }
    .ifonts{
        font-size: 60px;
    }
    .green2{
        color: rgb(74, 167, 217);
    }

    .txtwrap {
        word-break: break-word;
    }

    .bottombord {
        border-bottom: 1px solid #eee;
    }

    .el-p-b-10 {
        padding-bottom: 10px;
    }
</style>

</html>